@charset "UTF-8";
/* CSS Document */

html { height: 100%; }

body {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
}


/* RESETS */

h1, h2, h3 { margin:0 !important; }
hr { margin:0 !important; padding:0 !important; height:1px; background-color:#ececec; color:#ececec; }
.container{ margin-left:0 !important;}
@media all and (max-width:767px) { .container{ margin-left:auto !important;} }

/* FONTS */

h1 {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height:1.1em;
}
	
h2 {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height:1em;
}
	
h3 {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}
	
h4 {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
}
	
h5 { 
	font-weight:300;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: normal;
	
}
	
p {
	font-weight:300;
	font-family: 'Roboto', Helvetica, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.4em;
}
	
a {
	color:#ce1126;
	text-decoration:underline;
	cursor:pointer;
}
	
a:hover { color:#9C091D; }


/* MEDIA QUERIES */

/* XS */
@media all and (max-width:576px) {
	.hidden {display: none !important;}
	.superh1 { font-size: 2.5em;} 
	h1 { font-size: 1.5em; } 
	h2 { font-size: 1.3em;}
	h3 { font-size: 1.1em;}
	p { font-size:0.9em;}
	.bkimage { 
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0;
		padding:0;
		background-color: #ffffff;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-origin:border-box;
		background-attachment: fixed;
		background-image:url(https://images.campaigns.ryder.com/EloquaImages/clients/RyderSystemInc/%7B4028f6ca-7646-4a2f-a1c6-4d5b9ee87b9c%7D_3C1A4519-sm_clear-sky-mobile-v4.jpg)!important;
		background-position: right bottom;
		}
		
	    .redbutton {
                font font-size: 1em;
                width: 100%;
                padding: 15px;
              }
	
	}
       


/* SM */
@media all and (min-width:576px) and (max-width: 767px) {
	.hidden {display: none !important;}
	.superh1 { font-size: 2.6em; }
	h1 { font-size: 1.6em; } 
	h2 { font-size: 1.4em;} 
	h3 { font-size: 1.2em;}
	p { font-size:0.9em;}
	.bkimage { 
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0;
		padding: 15px;
		background-color: #ffffff;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-origin:border-box;
		background-attachment: fixed;
		background-image:url(https://images.campaigns.ryder.com/EloquaImages/clients/RyderSystemInc/%7B4028f6ca-7646-4a2f-a1c6-4d5b9ee87b9c%7D_3C1A4519-sm_clear-sky-mobile-v4.jpg)!important;
		background-position: left bottom;
		}
		h5 {color: #FFFFFF !important;}
      .redbutton {
              font font-size: 1em;
              width: 100%;
              padding: 15px;
            }
	}

/* MD */
@media all and (min-width:768px) and (max-width: 991px) {
	.hidden {display:block !important;}
	.superh1 { font-size: 2.3em; }
	h1 { font-size: 1.3em; } 
	h2 { font-size: 1em;} 	
	h3 { font-size: 1em;}
	p { font-size:0.8em;}
}

/* LG */
@media all and (min-width:992px) and (max-width: 1199px) {
	.hidden {display:block !important;}
	.superh1 { font-size: 2.5em; }
	h1 { font-size: 1.5em; } 
	h2 { font-size: 1.1em;} 
	h3 { font-size: 1em;}
	p { font-size:1em;}	
}

/* XL */
@media all and (min-width:1200px) {
	.hidden {display:block !important;}
	.superh1 { font-size: 2.8em;} 
	h1 { font-size: 1.8em;} 	
	h2 { font-size: 1.2em;} 	
	h3 { font-size: 1em;}
	p { font-size:1em;}
}
	
/* SCREENS THAT ARE SHORTER THAN 768PX IN HEIGHT */
@media all and (max-height: 768px) and (min-width:767px) {
	.hidden {display: none !important;}
	.superh1 { font-size: 2.5em; }
	h1 { font-size: 1.5em; } 
	h2 { font-size: 1.1em;} 
	h3 { font-size: 1em;}
	p { font-size:1em;}	
}	

/* RYDER COLORS */

.red { color:#ce1126; }
.black { color:#000000; }
.white { color:#ffffff; }
.darkgray { color:#8c8c8c; }
.gray { color:#d6d6d6; }
.lightgray { color:#ececec; }
.blue { color:#1c729b; }
.orange { color:#ff7539; }
.green { color:#529B1C; }
.yellow { color:#dec92b; }
.purple { color:#b13883; }
.teal { color:#1cae9d; }


/* BACKGROUND COLORS */

.bg-red { background-color:#ce1126; }
.bg-black { background-color:#000000; }
.bg-white { background-color:#ffffff; }
.bg-darkgray { background-color:#8c8c8c; }
.bg-gray { background-color:#d6d6d6; }
.bg-lightgray { background-color:#ececec; }


/* TBD */


.bkimage { 
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 15px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-origin:border-box;
	background-attachment: fixed;
	background-image:url(https://images.campaigns.ryder.com/EloquaImages/clients/RyderSystemInc/%7Bfd761f4c-2091-4998-9ceb-a9c8ec29136e%7D_3C1A4519-sm-formlp_2.jpg);
	background-position: right bottom;
	}

/* RED BORDER */

.redleft2 {
  border-left: 15px solid #CE1126;
  background-color: none;
  height:auto;
  width:auto;
  font-weight: bold;
  text-align: left;
}

.redborder {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	border: solid 15px #ce1126;	
	}	
	
.redtop {
	position:fixed;
	background-color:#ce1126;
	top:0;
	left:0;
	right:0;
	margin:0;
	height: 15px;
	}
	
.redbot {
	position:fixed;
	background-color:#ce1126;
	bottom:0;
	left:0;
	right:0;
	margin:0;
	height: 15px;
	}		
	

.redbar {
	height: 10px;
	line-height:15px;
	background-color:#ce1126;
	margin: 20px 0px;
	padding:0;
	}

/* BUTTON */

.redbutton, .submit-button-style {
	color:#fff;
	font-size:1em;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: normal;
	background-color:#ce1126;
	border: none;
	border-radius: 0px;
	padding: 8px;
	text-align:center;
	letter-spacing: 2px;
	text-transform: uppercase;
	min-width:180px;
	} 

.redbutton:hover, .submit-button-style:hover {
	background-color:rgba(206,17,38,0.80);
  	color:#ffffff;
	}

@media all and (max-width: 767px) {
	.redbutton { 
		font-size:1em; 
		width:100%; 
		padding:15px; 
	}
}


/* FORMS */

form input {
	width:100%;
	padding:0.5em 1em;
	color:#000000;
	background-color: #ececec;
	border: solid thin #666666;
	border-radius:none;
	font-family: Helvetica, Arial, sans-serif; 
	}

select {
	width:100%;
	border: 0;
    outline: 0;
	border-radius: 0px;
	border-color: #222;
	text-shadow: 0 0 0 #000;
	background-color: #ececec !important;
	background:url(http://images.campaigns.ryder.com/EloquaImages/clients/RyderSystemInc/%7b5851c786-1d5b-4618-a4f1-65a5db34debc%7d_arrow.png) no-repeat 95% center;
	padding: 15px;
	font-size: 1em;
	color:#000000;
	cursor: pointer;
	line-height:1.5em;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif; 
	margin:0.5em 0;
	
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    -webkit-appearance: none;
    -moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
    appearance: none;
}

select option {
	padding: 5px 5px 5px 10px;
	box-shadow: inset 0px 0px #f00;
}

@media all and (max-width: 767px) {
	select {
		padding: 5px 5px 5px 10px;
		height: 40px;
		font-size: 1em;
		line-height:1em;
	}
}

/* ELOQUA STYLES */

label {display:none;}	
.grid-layout-col { width:100% !important;}
.grid-layout-col div {width:100% !important; padding:1px 0; }
.grid-layout-col .row { padding:0 !important; margin:0; }
.elq-field-style { padding: 0 !important; }
input[class=submit-button-style] { margin:10px 0 !important; }

.LV_validation_message{
  font-weight:bold;
  margin: 0;
}
.LV_valid{
  color:#00CC00;
  display:none;
}
.LV_invalid{
  color:#CC0000;
  font-size:10px;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
  outline: 1px solid #00CC00;
}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
  outline: 1px solid #CC0000;
}	


/* MODAL EXCEPTIONS */

#closer { 
	position:absolute; 
	font-weight:300; 
	color:#000; 
	cursor:pointer;
	margin:0;
	padding:0;
	right:1.5em;
	line-height:15px;
}

#closer:hover { color:#ce1126;}

@media all and (max-width: 767px) {
	#closer {font-size:2em; }
}

@media all and (min-width:768px) {
	#closer {font-size:1.5em; }
}

.modal-backdrop { opacity:0.8 !important; }

.modal-content{
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);
	}

@media all and (min-width:768px) {
	.modal-content {
    	width:inherit;
    	height:inherit;
    	margin: 0 auto;
    	pointer-events: all;
	}
}


/* OTHER CLASSES */

.icon { width:100%; max-width:70px;}
.social {width:30px;}
.logosize { width:6em;  }		
@media all and (max-width:767px) { .logosize { width:6em; margin-left:5px; }}
.box { padding:20px; background-color:#ffffff; }


/* BULLETS / ICON LIST */

.bullet-title { font-size: 1.2em;}
.bullet-text { font-size: 0.9em;}


/* SHORTCUTS */

.padbox { padding: 2em; } /* Responsive padding */
.padtop { padding-top: 2em; } /* Add space above an element */
.padbottom { padding-bottom: 2em; } /* Add space below an element */
.padbottom10 { padding-bottom: 10px;}
.padleft { padding-left: 2em; } /* Quick pad left */
.nopadleft {padding-left: 0;} 
.padright { padding-right: 2em; } /* Quick pad right */
.nopad { padding:0; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.nopadtopbot { padding-top:0; padding-bottom:0; }
.padtopbot { padding: 20px 0; }
.margintop { margin-top: 1em; } /* Add space above an element */
.marginbottom { margin-bottom: 1em; } /* Add space below an element */
.marginleft { margin-left: 1em; } /* Quick pad left */
.marginright { margin-right: 1em; } /* Quick pad right */
.nomargin { margin:0; }
.nomargintopbot { margin-top:0; margin-bottom:0; }
.width50 { width: 50%; }
.width100 { width:100%; }
.height100 { height:100%; }
.block { display: block; }
.inline { display: inline;}
.table { display: table; margin:0; }
.table-row { display: table-row; }
.table-cell { display:table-cell; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.absolute-center { vertical-align:middle; text-align:center; }
.titlepad { padding: 0 0 10px 0; }
.uppercase { text-transform:uppercase; }
.spread { letter-spacing: 0.1em; }


@media all and (max-width: 767px) {
	.padbox { padding:1.25em; }
	.mobile-nopad { padding:0 !important; }
	.mobile-pad5 { padding:5px !important; }
	.mobile-pad10 { padding:10px !important; }
	.mobile-pad15 { padding:15px !important; }
	.mobile-padtop { padding-top:10px !important; }
	.mobile-formpad { padding:5px 0 !important; }
	.mobile-nomargin { margin: 0 !important; }
	.container { padding:0px !important; }
	.section { margin-top:0 !important; }
	.mobile-width50 { width:50% !important; }
	.mobile-width100 { width: 100% !important; }
	.mobile-height100 { width: 100% !important; }
	.mobile-block { display:block !important; }
	.mobile-inline { display:inline !important; }	
	.mobile-left { text-align: left !important; }
	.mobile-center { text-align: center !important; }
	.mobile-right { text-align:right !important; }
	.mobile-top { vertical-align: top !important; }
	.mobile-middle { vertical-align: middle !important; }
	.mobile-bottom { vertical-align: bottom !important; }
	.mobile-pageindent {margin-top:90px;}
}

@media all and (min-width:768px) and (max-width: 991px) {
	.tablet-nopad { padding: 0 !important; }
	.tablet-pad5 { padding: 5px !important; }
	.tablet-left { text-align: left !important; }
	.tablet-center { text-align: center !important; }
	.tablet-right { text-align:right !important; }
	.tablet-width100 { width: 100% !important; }
}